<template>
    <div :class="[$style.container]">
        <div class="text-center">
            <span :class="[$style.emptyIcon]"
                ><slot name="icon"><svg-icon icon="empty"></svg-icon></slot
            ></span>
            <div><slot>无详细信息</slot></div>
        </div>
    </div>
</template>

<script>
import { Vue, Component } from 'vue-property-decorator';

@Component
export default class EmptyData extends Vue {}
</script>

<style lang="scss" module>
@import '../vars.scss';

.container {
    // height: 100%;
    min-height: 96px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: $text-secondary-color;
}

.emptyIcon {
    font-size: 64px;
}
</style>
